<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人资料修改</title>
    <link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/2.4.4/weui.min.css">
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <i class="iconfont zp-left" id="backBtn"></i>
        个人资料修改
    </div>
    <!-- 表单  -->
    <!-- 昵称 -->
    <div class="weui-cell weui-cell_active">
        <div class="weui-cell__hd"><label class="weui-label">昵称</label></div>
        <div class="weui-cell__bd">
            <input id="nickName" class="weui-input" placeholder="填写本人的昵称" />
        </div>
    </div>
    <!-- 性别 -->
    <div class="weui-cell weui-cell_active weui-cell_access" id="showSexPicker">
        <div class="weui-cell__bd">性别</div>
        <div class="weui-cell__ft" id="sex"></div>
    </div>
    <!-- 日期 -->
    <div class="weui-cell weui-cell_active weui-cell_access" id="showBirthdayPicker">
        <div class="weui-cell__bd">生日</div>
        <div class="weui-cell__ft" id="birthday"></div>
    </div>
    <!-- 省份 -->
    <div class="weui-cell weui-cell_active weui-cell_access" id="showProvincePicker">
        <div class="weui-cell__bd">所在省份</div>
        <div class="weui-cell__ft" id="province"></div>
    </div>
    <!-- 城市 -->
    <div class="weui-cell weui-cell_active weui-cell_access" id="showCityPicker">
        <div class="weui-cell__bd">所在城市</div>
        <div class="weui-cell__ft" id="city"></div>
    </div>
    <div class="weui-cell ">
        <div class="weui-cell__bd">
            <textarea class="weui-textarea" id="signArea" placeholder="请填写个人签名" rows="3" maxlength="20"></textarea>
            <div class="weui-textarea-counter"><span id="signNum">0</span>/20</div>
        </div>
    </div>
    <!-- 保存按钮 -->
    <button type="button" id="saveBtn" class="save-btn">保存信息</button>

    <!-- 引入weui 的js -->
    <script src="https://res.wx.qq.com/open/libs/weuijs/1.2.1/weui.min.js" charset="utf-8"></script>

    <!--  引入axios -->
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
</body>

</html>